/* eslint-disable */

import React from 'react';
import { Svg, Path } from 'react-native-svg';
import { getIconColor } from './helper';

export const IconSvip = ({ size, color, ...rest }) => {
  return (
    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
      <Path
        d="M512 597.3c-5.5 0-10.9-2.1-15.1-6.3-8.3-8.3-8.3-21.8 0-30.2l128-128c8.3-8.3 21.8-8.3 30.2 0 8.3 8.3 8.3 21.8 0 30.2l-128 128c-4.2 4.3-9.6 6.3-15.1 6.3z"
        fill={getIconColor(color, 0, '#FFD7D7')}
      />
      <Path
        d="M512 597.3c-5.5 0-10.9-2.1-15.1-6.3l-128-128c-8.3-8.3-8.3-21.8 0-30.2 8.3-8.3 21.8-8.3 30.2 0l128 128c8.3 8.3 8.3 21.8 0 30.2-4.2 4.3-9.6 6.3-15.1 6.3z"
        fill={getIconColor(color, 1, '#FFD7D7')}
      />
      <Path
        d="M512 789.3c-5.7 0-11.2-2.3-15.2-6.4L192.7 473.4c-7.1-7.3-8.1-18.5-2.4-26.9L327.7 244c4-5.8 10.6-9.3 17.6-9.3h333.3c7.1 0 13.7 3.5 17.6 9.3l137.5 202.4c5.7 8.4 4.7 19.7-2.4 26.9L527.2 783c-4 4-9.5 6.3-15.2 6.3zM235.4 455.9L512 737.6 788.6 456 667.3 277.3H356.7L235.4 455.9z"
        fill={getIconColor(color, 2, '#FFD7D7')}
      />
      <Path
        d="M512 597.3c-5.5 0-10.9-2.1-15.1-6.3-8.3-8.3-8.3-21.8 0-30.2l128-128c8.3-8.3 21.8-8.3 30.2 0 8.3 8.3 8.3 21.8 0 30.2l-128 128c-4.2 4.3-9.6 6.3-15.1 6.3z"
        fill={getIconColor(color, 3, '#666666')}
      />
      <Path
        d="M512 597.3c-5.5 0-10.9-2.1-15.1-6.3l-128-128c-8.3-8.3-8.3-21.8 0-30.2 8.3-8.3 21.8-8.3 30.2 0l128 128c8.3 8.3 8.3 21.8 0 30.2-4.2 4.3-9.6 6.3-15.1 6.3z"
        fill={getIconColor(color, 4, '#666666')}
      />
      <Path
        d="M512 789.3c-5.7 0-11.2-2.3-15.2-6.4L192.7 473.4c-7.1-7.3-8.1-18.5-2.4-26.9L327.7 244c4-5.8 10.6-9.3 17.6-9.3h333.3c7.1 0 13.7 3.5 17.6 9.3l137.5 202.4c5.7 8.4 4.7 19.7-2.4 26.9L527.2 783c-4 4-9.5 6.3-15.2 6.3zM235.4 455.9L512 737.6 788.6 456 667.3 277.3H356.7L235.4 455.9z"
        fill={getIconColor(color, 5, '#666666')}
      />
    </Svg>
  );
};

IconSvip.defaultProps = {
  size: 18,
};

export default IconSvip;
